﻿<!DOCTYPE html>
<html data-ng-app="roomies">
<head>
    <meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible" />
    <title>AngularJS Authentication</title>
    <link href="libraries/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="libraries/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="libraries/loadingBar/loading-bar.min.css" rel="stylesheet" />
    <link href="content/css/site.css" rel="stylesheet" />

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation" data-ng-controller="indexController">
        <div class="container">
            <div class="navbar-header">
                <button class="btn btn-success navbar-toggle" data-ng-click="navbarExpanded = !navbarExpanded">
                    <span class="glyphicon glyphicon-chevron-down"></span>
                </button>
                <a class="navbar-brand" href="#/"><i class="glyphicon glyphicon-home"></i> Roomies</a>
            </div>
            <div class="collapse navbar-collapse" data-collapse="!navbarExpanded">
                <ul class="nav navbar-nav navbar-right">
                    <li data-ng-hide="!authentication.isAuth"><a href="#">Welcome {{authentication.userName}}</a></li>
                    <li data-ng-hide="!authentication.isAuth"><a href="#/orders">My Orders</a></li>
                    <li data-ng-hide="!authentication.isAuth"><a href="" data-ng-click="logOut()">Logout</a></li>
                    <li data-ng-hide="authentication.isAuth"> <a href="#/login">Login</a></li>
                    <li data-ng-hide="authentication.isAuth"> <a href="#/signup">Sign Up</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container"><div class="view" data-ng-view=""></div></div>
    <hr />

    <div id="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p class="text-muted">Volkanic Product.</p>
                </div>
                <div class="col-md-6"></div>
            </div>
        </div>
    </div>

    <!-- 3rd party libraries -->
    <script src="libraries/angular/angular.min.js"></script>
    <script src="libraries/angular/angular-route.js"></script>
    <script src="libraries/angular/angular-local-storage.js"></script>
    <script src="libraries/loadingBar/loading-bar.min.js"></script>
    <!-- Load app main script -->
    <script src="app/app.js"></script>
    <!-- Load services -->
    <script src="app/auth/authInterceptorService.js"></script>
    <script src="app/auth/authService.js"></script>
    <script src="app/auth/loginController.js"></script>
    <script src="app/auth/signupController.js"></script>
    <!-- Load controllers -->
    <script src="app/controllers/indexController.js"></script>
    <script src="app/controllers/homeController.js"></script>
    <script src="app/controllers/ordersController.js"></script>
</body>
</html>